@charset "utf-8";

// aside默认宽度
$--aside-width: 200px;
// 默认动画
$--base-transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1), border 0s, background 0s, color 0s, font-size 0s;
//默认动画长
$base-transition-time: 0.3s;
// head-navbar高度
$--head-navbar-height: 70px;
// head-tabs高度
$--head-tabs-height: 50px;

// head-child内边距
$--head-child-padding: 0 15px;
// main-content内边距
$--main-content-padding: 15px;
// 组件页面内边距
$--main-content-wrap-padding: 20px;
// 提示/分割符
$--base-color-placeholder: #a8abb2;

// 滚动条颜色
$--scrollbar-color: rgba(144, 147, 153, 0.3);

// 文字
$--text-color-primary: #303133;
$--text-color-regular: #606266;
$--text-color-secondary: #909399;
$--text-color-placeholder: #c0c4cc;

// 边框
$--border-color-base: #dcdfe6;
$--border-color-light: #e4e7ed;
$--border-color-lighter: #ebeef5;
$--border-color-extra-light: #f2f6fc;

// 主色
$--color-white: #ffffff;
$--color-black: #000000;
$--color-grey: rgba(0, 0, 0, 0.65);
$--color-primary: #0256ff;
$--color-success: #00b578;
$--color-warning: #ff8f1f;
$--color-danger: #dc1e32;
$--color-info: #909399;

$--color-primary-light-1: mix($--color-white, $--color-primary, 10%) !default;
$--color-primary-light-2: mix($--color-white, $--color-primary, 20%) !default;
$--color-primary-light-3: mix($--color-white, $--color-primary, 30%) !default;
$--color-primary-light-4: mix($--color-white, $--color-primary, 40%) !default;
$--color-primary-light-5: mix($--color-white, $--color-primary, 50%) !default;
$--color-primary-light-6: mix($--color-white, $--color-primary, 60%) !default;
$--color-primary-light-7: mix($--color-white, $--color-primary, 70%) !default;
$--color-primary-light-8: mix($--color-white, $--color-primary, 80%) !default;
$--color-primary-light-9: mix($--color-white, $--color-primary, 90%) !default;


$--color-danger-light-1: mix($--color-white, $--color-danger, 10%) !default;
$--color-danger-light-2: mix($--color-white, $--color-danger, 20%) !default;
$--color-danger-light-3: mix($--color-white, $--color-danger, 30%) !default;
$--color-danger-light-4: mix($--color-white, $--color-danger, 40%) !default;
$--color-danger-light-5: mix($--color-white, $--color-danger, 50%) !default;
$--color-danger-light-6: mix($--color-white, $--color-danger, 60%) !default;
$--color-danger-light-7: mix($--color-white, $--color-danger, 70%) !default;
$--color-danger-light-8: mix($--color-white, $--color-danger, 80%) !default;
$--color-danger-light-9: mix($--color-white, $--color-danger, 90%) !default;

:root {
    --menu-bg: #ffffff;
    --menu-hover-bg: linear-gradient(to right, rgba(255, 241, 240, 1), rgba(255, 241, 240, 0));
    --menu-actived-bg: linear-gradient(to right, rgba(255, 241, 240, 1), rgba(255, 241, 240, 0));

    --menu-text: #5c5b65;
    --menu-hover-text: #141222;
    --menu-active-text: #141222;
}

$--menu-bg: var(--menu-bg);
$--menu-hover-bg: var(--menu-hover-bg);
$--menu-actived-bg: var(--menu-actived-bg);
$--menu-text: var(--menu-text);
$--menu-hover-text: var(--menu-hover-text);
$--menu-active-text: var(--menu-active-text);
